<template id="Integral_rule">
    <div>
        <div class="Integral_rule_shop">
            <img src="../image/blue_da.png" alt="" @click="get_return()">
            <h4>小马生鲜积分规则</h4>
        </div>
        <p class="Integral_rule_1">会员积分规则</p>
        <div class="Integral_rule_2">
            <p>积分使用规则</p>
            <ul>
                <li>1,购买商品可以直接抵扣实付金额;</li>
                <li>2,参与积分兑换活动,具体以活动详情为准。</li>
                <li>3,购买商品可以直接抵扣实付金额;</li>
                <li>4,参与积分兑换活动,具体以活动详情为准。</li>
                <li>1,购买商品可以直接抵扣实付金额购买商品可以直接抵扣实付金额购买商品可以直接抵扣实付金额;</li>
                <li>2,参与积分兑换活动,具体以活动详情为准。</li>
            </ul>
        </div>
        <div class="Integral_rule_3">
                 <p>积分或取路径</p>
            <p>途径一:在小马生鲜商城购买商品</p>
            <p>下单积分发放规则:<span></span> </p>
            <ul>
                <li>购买商品可以直接抵扣实付金额</li>
                <li>购买商品可以直接抵扣实付金额购买商品可以直接抵扣实付金额</li>
            </ul>
        </div>
    </div>
</template>
<script>
    export default {
        name :'Integral_rule',
        data(){
            return{

            }
        },
        mounted:function(){

        },
        methods:{
            get_return:function(){
                window.history.go(-1);
            }
        }
    }
</script>
<style>
    .Integral_rule_3 ul li{
        list-style:none;
        min-height:0.4rem;
        line-height:0.4rem;
        font-size:0.24rem;
        color:#8a8a8a;
        width:5.7rem;
        word-wrap:break-word;
        padding-left:0.2rem;
    }
    .Integral_rule_3 ul{
        width:100%;
        min-height:1.23rem;
    }
    .Integral_rule_3 p:nth-of-type(3) span{
        display:block;
        height:0.08rem;
        width:0.08rem;
        background:#fc1dac;
        border-radius:50%;
        top:0.2rem;
        left:0.25rem;
        position:absolute;
    }
    .Integral_rule_3 p:nth-of-type(3){
        height:0.43rem;
        width:100%;
        color:#525252;
        line-height:0.43rem;
        font-size:0.22rem;
        text-indent: 0.35rem;
        position:relative;
    }
     .Integral_rule_3 p:nth-of-type(2){
        width: 100%;
        height:0.46rem;
        padding-top:0.06rem;
        line-height: 0.46rem;
        color:#525252;
        font-size:0.24rem;
        text-indent: 0.2rem;
    }
    .Integral_rule_3 p:nth-of-type(1){
        height:0.5rem;
        width:3.95rem;
        line-height:0.5rem;
        text-align:center;
        border-radius:0.5rem;
        background:#ffa4de;
        color:#ffffff;
        font-size:0.3rem;
        position:absolute;
        top:0.17rem;
        left:1.23rem;
    }
    .Integral_rule_3{
        width:100%;
        height:2.64rem;
        position:relative;
        padding-top:0.78rem;
    }
    /*底部*/
    .Integral_rule_2 ul{
        width:100%;
        min-height:1.2rem;
    }
    .Integral_rule_2 ul li{
        list-style:none;
        min-height:0.4rem;
        line-height:0.4rem;
        font-size:0.24rem;
        color:#8a8a8a;
        width:5.7rem;
        word-wrap:break-word;
        padding-left:0.2rem;
        /*text-indent: 0.2rem;*/
    }
    .Integral_rule_2 p{
        height:0.5rem;
        width:3.95rem;
        line-height:0.5rem;
        text-align:center;
        border-radius:0.5rem;
        background:#ffa4de;
        color:#ffffff;
        font-size:0.3rem;
        position:absolute;
        top:0.23rem;
        left:1.23rem;
        /*margin:0.23rem 1.23rem 0.23rem 1.23rem;*/
    }
    .Integral_rule_2{
        min-height:1.2rem;
        width:100%;
        /*background: red;*/
        position:relative;
        padding-top:0.9rem;
    }
    .Integral_rule_1{
        height:1.23rem;
        width:100%;
        line-height:1.23rem;
        text-align:center;
        font-size:0.69rem;
        color:#ff5fc5;
        margin-bottom:0.07rem;

    }
    .Integral_rule_shop{
        height:0.74rem;
        width:100%;
        border-bottom:1px solid #f0f0f0;
        position:relative;
        background:#ffffff;
        margin-bottom:0.18rem;
    }
    .Integral_rule_shop img{
        height:0.36rem;
        width:0.36rem;
        display:block;
        position:absolute;
        left:0.25rem;
        top:0.2rem;
    }
    .Integral_rule_shop h4{
        height:0.74rem;
        color:#77c5fd;
        font-size:0.3rem;
        line-height:0.79rem;
        text-align:center;
        font-weight:normal;
    }
</style>
